import axios from "axios"; // 导入axios  npm install axios
import { ElMessage } from "element-plus"; // ElMessage 使用 element-plus 的 message 标签
import { useTokenStore } from "@/stores/token.js"; // 使用 pinia 状态管理
import router from "@/router";

//定义一个变量,记录公共的前缀  ,  baseURL
const baseURL = "/api";
const instance = axios.create({ baseURL });

// 添加请求拦截器
instance.interceptors.request.use(
    config => {
        const tokenStore = useTokenStore(); // 获取 token 状态
        // 判空处理
        if (tokenStore.token) {
            config.headers.Authorization = tokenStore.token;
        }

        return config;
    },
    err => {
        Promise.reject(err); // 将异步状态转为错误
    }
);

// 添加响应拦截器
instance.interceptors.response.use(
    result => {
        // 拦截器对响应数据提前进行判断
        if (result.data.code === 0) {
            return result.data;
        } else {
            ElMessage.error(result.data.message || "服务异常");
            return Promise.reject(result.data);
        }
    },
    err => {
        // 未登录统一处理
        if (err.response.status === 401) {
            ElMessage.error("请先登录");
            router.push("/login");
        } else {
            ElMessage.error("服务异常");
        }

        return Promise.reject(err); // 异步的状态转化成失败的状态
    }
);

export default instance;
